<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>颜色选择器</title>
    <link rel="stylesheet" href="./view/颜色选择器/styles.css">
</head>
<body>
<!-- 颜色选择器 Unnamed (Rectangle) -->
<div id="u7400" class="ax_default heading_1">
    <div id="u7400_div" class=""></div>
    <div id="u7400_text" class="text ">
        <p><span>ColorPicker 颜色选择器</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u7401" class="ax_default heading_1">
    <div id="u7401_div" class=""></div>
    <div id="u7401_text" class="text ">
        <p><span>概述</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u7402" class="ax_default label">
    <div id="u7402_div" class=""></div>
    <div id="u7402_text" class="text ">
        <p><span>用于颜色选择，支持多种颜色格式，支持颜色预设。</span></p><p><span>只对输入框样式进行了实现。</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u7403" class="ax_default label">
    <div id="u7403_div" class=""></div>
    <div id="u7403_text" class="text ">
        <p><span>基础用法</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u7404" class="ax_default label">
    <div id="u7404_div" class=""></div>
    <div id="u7404_text" class="text ">
        <p><span>有默认值</span></p>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u7405" class="ax_default" data-left="230" data-top="355" data-width="59" data-height="32">

    <!-- input-border (Rectangle) -->
    <div id="u7406" class="ax_default box_1" data-label="input-border">
        <div id="u7406_div" class=""></div>
        <div id="u7406_text" class="text ">
            <p><span></span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u7407" class="ax_default box_1">
        <div id="u7407_div" class=""></div>
        <div id="u7407_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u7408" class="ax_default" data-left="353" data-top="355" data-width="59" data-height="32">

    <!-- input-border (Rectangle) -->
    <div id="u7409" class="ax_default box_1" data-label="input-border">
        <div id="u7409_div" class=""></div>
        <div id="u7409_text" class="text ">
            <p><span></span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u7410" class="ax_default box_1">
        <div id="u7410_div" class=""></div>
        <div id="u7410_text" class="text ">
            <p><span></span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u7411" class="ax_default label">
    <div id="u7411_div" class=""></div>
    <div id="u7411_text" class="text ">
        <p><span>无默认值</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u7412" class="ax_default label">
    <div id="u7412_div" class=""></div>
    <div id="u7412_text" class="text ">
        <p><span>尺寸</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u7413" class="ax_default label">
    <div id="u7413_div" class=""></div>
    <div id="u7413_text" class="text ">
        <p><span>选择器有三种尺寸：大、默认（中）、小。</span></p>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u7414" class="ax_default" data-left="800" data-top="355" data-width="68" data-height="36">

    <!-- input-border (Rectangle) -->
    <div id="u7415" class="ax_default box_1" data-label="input-border">
        <div id="u7415_div" class=""></div>
        <div id="u7415_text" class="text ">
            <p><span></span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u7416" class="ax_default box_1">
        <div id="u7416_div" class=""></div>
        <div id="u7416_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u7417" class="ax_default" data-left="903" data-top="355" data-width="59" data-height="32">

    <!-- input-border (Rectangle) -->
    <div id="u7418" class="ax_default box_1" data-label="input-border">
        <div id="u7418_div" class=""></div>
        <div id="u7418_text" class="text ">
            <p><span></span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u7419" class="ax_default box_1">
        <div id="u7419_div" class=""></div>
        <div id="u7419_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u7420" class="ax_default" data-left="997" data-top="355" data-width="51" data-height="24">

    <!-- input-border (Rectangle) -->
    <div id="u7421" class="ax_default box_1" data-label="input-border">
        <div id="u7421_div" class=""></div>
        <div id="u7421_text" class="text ">
            <p><span></span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u7422" class="ax_default box_1">
        <div id="u7422_div" class=""></div>
        <div id="u7422_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>
</body>
</html>
